<template>
  <div>
    <div class="main">
       <Histogram></Histogram>
    </div>

    <div class="main">
       <Pie></Pie>
    </div>

    <div class="main">
      <TreeGraph></TreeGraph>
    </div>

    <div class="main">
      <Funnel></Funnel>
    </div>
  </div>
</template>

<script>
import Histogram from '../../components/homepage/Histogram'
import Pie from '../../components/homepage/Pie'
import TreeGraph from '../../components/homepage/TreeGraph'
import Funnel from '../../components/homepage/Funnel'
export default {
  name: 'ShowHome',
  components: {
    Histogram,
    Pie,
    TreeGraph,
    Funnel
  }
}
</script>

<style lang="scss" scoped>
 .main {
   width: 550px;
   height: 300px;
   margin-left: 30px;
   margin-top: 5px;
   float: left;
   /*border:1px solid #000000;*/

 }
</style>
